
[#macro tenantoauthconfigShowView]
<div  class="model-form">
    <el-page-header @back="goBack" content="详情">
    </el-page-header>

        <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
            <el-menu-item index="1">
                第三方登陆详情
            </el-menu-item>
        </el-menu>
        <div>
            <router-view></router-view>
        </div>

</div>
[/#macro]
[#macro tenantoauthconfigShowConfig]
<script type="text/x-template" id="my-tenantoauthconfig-show">
    [@tenantoauthconfigShowView /]
</script>
	<script type="text/javascript">
		//显示组件开始
		var tenantoauthconfigShowConfig = {};
		tenantoauthconfigShowConfig.template = "#my-tenantoauthconfig-show";
		tenantoauthconfigShowConfig.methods =config.basicMethod();
		tenantoauthconfigShowConfig.data = function () {
			return {
				viewModel: {
				},
				activeIndex: "1"
			}
		};

		tenantoauthconfigShowConfig.methods.handleSelect = function (index) {
			console.log(index)
			var selectId = this.selectId;
			if (index == "1") {
				this.$router.replace({ path: '/view/index', query: { id: selectId, activeIndex: 1, time: Math.random() } })
			}
			else if (index == "2") {
				this.$router.replace({ path: '/view/members', query: { id: selectId, activeIndex: 2, time: Math.random() } })
			} else {

			}
		};

		tenantoauthconfigShowConfig.mounted = function () {
		   	var id = this.$route.query.id;
			var activeIndex = this.$route.query.activeIndex;

			var self = this;
			var data = {};
			data.id = id;
			this.selectId = data.id;
			if (activeIndex) {
				this.activeIndex = activeIndex;
			}
		}
		var tenantoauthconfigShowView = Vue.component('my-tenantoauthconfig-view', tenantoauthconfigShowConfig);
		//显示组件结束		
	</script>
[/#macro]



[#macro childTenantoauthconfigView]
    <div >
        <el-form class="viewForm" label-width="80px">
            <el-col :span="22">
                <el-form-item label="名称">
                    <div v-html="viewModel.name">></div>
                </el-form-item>
            </el-col>
            <el-col :span="22">
                <el-form-item label="第三方标识">
                    <div v-html="viewModel.model">></div>
                </el-form-item>
            </el-col>
            <el-col :span="22">
                <el-form-item label="程序key">
                    <div v-html="viewModel.appKey">></div>
                </el-form-item>
            </el-col>
            <el-col :span="22">
                <el-form-item label="程序密钥">
                    <div v-html="viewModel.appSecret">></div>
                </el-form-item>
            </el-col>
            <el-col :span="22">
                <el-form-item label="java实现类">
                    <div v-html="viewModel.className">></div>
                </el-form-item>
            </el-col>
        </el-form>
    </div>
 [/#macro]

[#macro childTenantoauthconfigConfig]
    <script type="text/x-template" id="child-tenantoauthconfig-show">
        [@childTenantoauthconfigView /]
    </script>
    <script type="text/javascript">

        var childTenantoauthconfigShowConfig = {};
        childTenantoauthconfigShowConfig.template = "#child-tenantoauthconfig-show";
        childTenantoauthconfigShowConfig.methods = config.basicMethod();
        childTenantoauthconfigShowConfig.data = function () {
            return {
                viewModel: {
                }
            }
        };
        childTenantoauthconfigShowConfig.mounted = function () {
            var id = this.$route.query.id;
            var self = this;
            var data = {};
            data.id = id;
            this.postData("${siteurl}tenantRest/tenantoauthconfig/view.htm", data, function (res) {
                if (res.code == 0) {
                    self.viewModel = res;

                }
            });
        }
        var childTenantoauthconfigShowView = Vue.component('child-tenantoauthconfig-show', childTenantoauthconfigShowConfig);
    </script>
[/#macro]

